$themes: (
  default: (
    // 【主区域】
    // 背景色
    g-main-bg: #F8F8F9,
    // 【头部】
    // 背景色
    g-header-bg: #363F51,
    // 文字颜色
    g-header-color: #FFFFFF,
    // 导航文字颜色
    g-header-menu-color: #ccc,
    // 导航鼠标悬浮文字颜色
    g-header-menu-hover-color: #FFFFFF,
    // 导航鼠标悬浮背景色
    g-header-menu-hover-bg: #363F51,
    // 导航选中文字颜色
    g-header-menu-active-color: #FFFFFF,
    // 导航选中背景色
    g-header-menu-active-bg: #363F51,
    // 【主侧边栏】
    // 背景色
    g-main-sidebar-bg: #222b45,
    // 菜单文字颜色
    g-main-sidebar-menu-color: #BAC3D3,
    // 菜单鼠标悬浮文字颜色
    g-main-sidebar-menu-hover-color: #FFFFFF,
    // 菜单鼠标悬浮背景色
    g-main-sidebar-menu-hover-bg: #363F51,
    // 菜单选中文字颜色
    g-main-sidebar-menu-active-color: #FFFFFF,
    // 菜单选中背景色
    g-main-sidebar-menu-active-bg: #363F51,
    // 【次侧边栏】
    // 背景色
    g-sub-sidebar-bg: #363F51,
    // 菜单背景色
    g-sub-sidebar-menu-bg: #363F51,
    // 菜单文字颜色
    g-sub-sidebar-menu-color: #BAC3D3,
    // 菜单鼠标悬浮文字颜色
    g-sub-sidebar-menu-hover-color: #FFFFFF,
    // 菜单鼠标悬浮背景色
    g-sub-sidebar-menu-hover-bg: #3A4860,
    // 菜单选中文字颜色
    g-sub-sidebar-menu-active-color: #FFFFFF,
    // 菜单选中背景色
    g-sub-sidebar-menu-active-bg: #3A4860,
    // 【导航标记】
    // 背景色
    g-badge-bg: #f56c6c,
    // 文字颜色
    g-badge-color: #fff,
    // 边框颜色
    g-badge-border-color:#fff,
    // 【标签栏】
    // 背景色
    g-tabbar-bg: #fff,
    // 分割线颜色
    g-tabbar-dividers-bg: transparent,
    // 标签文字颜色
    g-tabbar-tab-color: #363F51,
    // 标签选中文字颜色
    g-tabbar-tab-active-color: #363F51,
    // 标签选中背景色
    g-tabbar-tab-active-bg: #E8F7FF,
    // 标签移入背景色
    g-tabbar-tab-hover-color:#1D7FF2,
    // 左右按钮背景色背景色
    btn-tabbar-bg:#F1F2F5,
  ),
);
$theme-map: ();
@mixin themeify() {
  @each $theme-name, $map in $themes {
    $theme-map: $map !global;
    [data-theme=#{$theme-name}] & {
      @content;
    }
  }
}

@function themed($key) {
  @return map-get($theme-map, $key);
}
